<div nz-row>
    <div nz-col [nzSpan]="12">
        <div>
            <li style="border-bottom: 1px dashed black;display:flex"><a>基本信息</a><p>完善以下信息才能申请赞助，标有 (*)为必填项</p></li>
            <div class="clearfix" style="display:flex;align-item: center;justify-content:center;margin-bottom:10px">
                <nz-upload
                    nzAction="{{uploadUrl}}"
                    nzListType="picture-card"
                    [(nzFileList)]="fileList"
                    [nzShowButton]="fileList.length < 1"
                    [nzPreview]="handlePreview">
                    <i class="anticon anticon-plus"></i>
                    <div class="ant-upload-text">Upload</div>
                </nz-upload>
                <nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible=false">
                    <ng-template #modalContent>
                        <img [src]="previewImage" [ngStyle]="{ 'width': '100%' }" />
                    </ng-template>
                </nz-modal>
            </div>
        </div>
        <div>
            <div class="div-row">
                <div nz-col [nzSpan]="10" style="display:flex;justify-content:flex-end;padding-right:10px">真实姓名:</div>
                <div nz-col [nzSpan]="14">
                    <nz-input [(ngModel)]="busiInfo.realname"></nz-input>
                </div>
            </div>
            <div class="div-row">
                <div nz-col [nzSpan]="10" style="display:flex;justify-content:flex-end;padding-right:10px">性别:</div>
                <div nz-col [nzSpan]="14">
                    <nz-radio-group [(ngModel)]="busiInfo.sex">
                        <label  nz-radio [nzValue]="'0'"><span>女</span></label>
                        <label nz-radio [nzValue]="'1'"><span>男</span></label>
                    </nz-radio-group>
                </div>
            </div>
            <div class="div-row">
                <div nz-col [nzSpan]="10" style="display:flex;justify-content:flex-end;padding-right:10px">QQ:</div>
                <div nz-col [nzSpan]="14"><nz-input [(ngModel)]="busiInfo.qq" [nzPlaceHolder]="'请输入QQ'"></nz-input></div>
            </div>
            <div class="div-row">
                <p>同意其他用户使用积分查看我的联系方式</p>
                <span><nz-switch [(ngModel)]="switchValue"></nz-switch></span>
            </div>
            <div class="div-row">
                <div nz-col [nzSpan]="10" style="display:flex;justify-content:flex-end;padding-right:10px">邮箱:</div>
                <div nz-col [nzSpan]="14">
                    <nz-input [(ngModel)]="busiInfo.email" [nzPlaceHolder]="'请输入邮箱'"></nz-input>
                </div>
            </div>
            <div style="margin-bottom: 10px">
                <div nz-col [nzSpan]="10" style="display:flex;justify-content:flex-end;padding-right:10px">所在地区:</div>
                <div style="display: flex">
                    <nz-select [(ngModel)]="prOpt" [nzPlaceHolder]="'请选择省'" (nzOpenChange)="chooseProvince(prOpt)" style="width:30%">
                        <nz-option *ngFor="let op of provinceList" [nzValue]="op.id" [nzLabel]="op.province">{{op.province}}</nz-option>
                    </nz-select>
                    <nz-select [(ngModel)]="busiInfo.cityid" [nzPlaceHolder]="'请选择市'" style="width:30%">
                        <nz-option *ngFor="let op of cityList" [nzValue]="op.cityid" [nzLabel]="op.city">{{op.city}}</nz-option>
                    </nz-select>
                </div>
            </div>
            <div class="div-row">
                <div nz-col [nzSpan]="10" style="display:flex;justify-content:flex-end;padding-right:10px">详细地址:</div>
                <div nz-col [nzSpan]="14">
                    <nz-input [(ngModel)]="busiInfo.addr"></nz-input>
                </div>
            </div>
            <div class="div-row">
                <div nz-col [nzSpan]="10" style="display:flex;justify-content:flex-end;padding-right:10px">企业名称:</div>
                <div nz-col [nzSpan]="14">
                    <nz-input [(ngModel)]="busiInfo.businessname"></nz-input>
                </div>
            </div>
            <div class="div-row">
                <div nz-col [nzSpan]="10" style="display:flex;justify-content:flex-end;padding-right:10px">部门名称:</div>
                <div nz-col [nzSpan]="14">
                    <nz-input [(ngModel)]="busiInfo.position"></nz-input>
                </div>
            </div>
            <div class="div-row">
                <div nz-col [nzSpan]="10" style="display:flex;justify-content:flex-end;padding-right:10px" >企业性质:</div>
                <div nz-col [nzSpan]="14">
                    <nz-select [(ngModel)]="busiInfo.busilevel" [nzPlaceHolder]="'请选择企业性质'" style="width:50%">
                        <nz-option *ngFor="let op of levelList" [nzValue]="op.value" [nzLabel]="op.key">{{op.key}}</nz-option>
                    </nz-select>
                </div>
            </div>
            <div class="div-row">
                <div nz-col [nzSpan]="10" style="display:flex;justify-content:flex-end;padding-right:10px" >企业规模:</div>
                <div nz-col [nzSpan]="14">
                    <nz-select [(ngModel)]="busiInfo.busiscale" [nzPlaceHolder]="'请选择企业规模'" style="width:50%">
                        <nz-option *ngFor="let op of scaleList" [nzValue]="op.value" [nzLabel]="op.key">{{op.key}}</nz-option>
                    </nz-select>
                </div>
            </div>
            <div class="div-row">
                <div nz-col [nzSpan]="10" style="display:flex;justify-content:flex-end;padding-right:10px" >企业介绍:</div>
                <div nz-col [nzSpan]="14">
                    <textarea [(ngModel)]="busiInfo.introduce"></textarea>
                </div>
            </div>
            <div class="div-row">
                <button nz-button [nzType]="'primary'" (click)="submit()">保存</button>
            </div>
        </div>
    </div>
    <div nz-col [nzSpan]="12"></div>
</div>
